.area-zoom-in-top-enter-active,
.area-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
}

.area-zoom-in-top-enter,
.area-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.cascader-menu-list-wrap {
  position: absolute;
  white-space: nowrap;
  z-index: 15000;
  background-color: #fff;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 0;
  margin: 2px 0;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

  transition: opacity 0.15s, transform 0.3s !important;
  transform-origin: center top !important;
}

.cascader-menu-list {
  position: relative;
  margin: 0;
  font-size: 14px;
  color: #565656;
  padding: 6px 0;
  list-style: none;
  display: inline-block;
  height: 204px;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 160px;
  vertical-align: top;
  background-color: #fff;
  border-right: 1px solid #e4e7ed;
}

.cascader-menu-list:last-child {
  border-right: none;
}

.cascader-menu-list .cascader-menu-option {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  padding: 0 15px 0 10px;
  height: 32px;
  line-height: 32px;
}

.cascader-menu-list .cascader-menu-option.hover,
.cascader-menu-list .cascader-menu-option:hover {
  background-color: #e6f7ff;
}

.cascader-menu-list .cascader-menu-option.selected {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #efefef;
}

.cascader-menu-list .cascader-menu-option.cascader-menu-extensible:after {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 5px;
  content: "";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #a1a4ad;
}

.cascader-menu-list::-webkit-scrollbar{
  width: 8px;
  background: transparent;
}

.cascader-menu-list::-webkit-scrollbar-button:vertical:decremen,
.cascader-menu-list::-webkit-scrollbar-button:vertical:end:decrement,
.cascader-menu-list::-webkit-scrollbar-button:vertical:increment,
.cascader-menu-list::-webkit-scrollbar-button:vertical:start:increment {
  display: none;
}

.cascader-menu-list::-webkit-scrollbar-thumb:vertical {
  background-color: #b8b8b8;
  border-radius: 4px;
}

.cascader-menu-list::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #777;
}
/* table 无数据 */
.ant-table {
  .ant-table-placeholder{padding: 8px 16px 2px;
    .ant-empty-normal{margin: 0}
    .ant-empty-image{height: 34px;margin-bottom: 0;}
    .ant-empty-description{font-size: 12px;}
  }
}
.ant-empty{font-size: 12px;color: rgba(0, 0, 0, 0.25);
  .ant-empty-image{height: 60px;margin-bottom: 0;}
}
/* hte-mes-modal 信息提示弹框 */
.hte-mes-modal{
  width: 840px;
  .ant-modal-close{top: 10px;
    .ant-modal-close-x{      
      i{font-size: 21px;}
    }
  }
  .ant-modal-header{padding: 25px 43px 0;border-bottom: none;
    .ant-modal-title{font-size: 18px;font-weight: bold;color: #484848;
      i{font-size: 24px;margin-right: 10px;color: #3e88f7;}
      a{font-size: 14px;margin-right: 8px;}
    }
  }  
  .ant-modal-body{background-color: #f7f7f7;border-radius: 8px;color: #8b8b8b;margin: 24px;padding: 27px;
    .ant-mes-modal-body{padding-left: 20px;
      p{position: relative;
        &:before{content: '';position: absolute;top: 7px;left: -20px;width: 8px;height: 8px;border-radius: 100%;background-color: #4e90db;}
        &:last-child{margin-bottom: 0;}
      }
      .mes-box{font-size: 15px;
        h4{color: #333;}
        >div{margin: 15px 0;
          &:last-of-type{margin-bottom: 0;}
        }
        em{font-style: inherit;font-weight: bolder;margin-right: 10px;color: #333;}        
      }
    }
  }
  .ant-modal-footer{border-top: none;padding: 12px 36px 36px;text-align: center;
    button.ant-btn-primary{padding: 0 38px;background-color: #4095e4;border:1px solid #4095e4;line-height: 30px;height: 30px;transition: all .3s;
      &:hover{background-color: #56a2e8}
    }
    .ml20{margin-left: 37px;}
  }  
}
/* 标题下划线 */
.hte-text-downline {position: relative;cursor: pointer;-webkit-transition: .3s all;transition: .3s all; 
  &:after{content: '';position: absolute;bottom: -2px;left: 0;display: block;height: 2px;width: 100%;margin: 0 auto;background: #3f9cd2;color: #3f9cd2;
    -webkit-transition: .4s transform cubic-bezier(.77,0,.175,1);transition: .4s transform cubic-bezier(.77,0,.175,1);
    -webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;    
  }
  &:hover{color: #3f9cd2;
    &:after{-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transform: scaleX(1);transform: scaleX(1);}    
  }
}
/* 菜单搜索收缩展开 */
.hte-nav-tap{padding: 8px;width:100%;cursor: pointer;text-align: center;color: #999;
  .icon-child-down{font-size: 11px;margin-left: 3px;transition: all .3s;color: #999;
    &.icon-child-up{transform: rotate(180deg);}
  } 
  >span{padding: 5px;
    &:hover{color: #0581ca;background-color: #e4e4e4;
      .icon-child-down{color: #0581ca;}
    }
  }      
}
.hte-nav-box{-webkit-transition: all .3s;transition: all .3s;overflow: hidden;max-height: 700px;}
.hte-nav-hidden{margin-top: 0;max-height: 0;}
.haday-tarnsfer-selector{
  .el-dialog__header{border-radius: 0;background: #4095e4;border: 1px solid #4095e4;}
  .el-dialog__title,.el-dialog__headerbtn .el-dialog__close{color: #fff;}
  div.panel span:first-child{min-width: 120px;}
}
.haday-organization-tree{width: 180px;
  .el-tree, .el-tree-node__label{background: inherit !important}  
  .el-tree,
  .haday-org-title,
  .haday-org-open-close,
  .haday-org-close-title,
  .haday-org-close-open{color: #fff !important}
  .el-tree-node.is-current>.el-tree-node__content .el-tree-node__label, 
  .el-tree-node__content:hover .el-tree-node__label{
    background: #3168b1 !important;
    color: #f5f9ff;
  }  
  div[role="treeitem"][aria-disabled="true"] >div.el-tree-node__content span.el-tree-node__label{
    background: inherit !important;
    cursor: text;
  } 
  .el-tree-node__expand-icon.is-leaf{color: #C0C4CC;}
  .el-tree-node__expand-icon.is-leaf.el-icon-caret-right:before{
    content: '\e785';
  }
  .haday-tree-wrap{padding: 0 10px;}
  .el-tree-node__content>.el-tree-node__expand-icon{padding-left: 0;}  
  .haday-org-close, .haday-org-title{border-color: #3168b1;}
  &.haday-close-tree{width: 40px;}
  .el-tree__empty-text{color: #fff;}
}
.ant-pagination-item-ellipsis{
  font-family: Arial,sans-serif !important;
}
.clickspan{cursor: pointer;color: #489BD2;
  &:hover{color: #3168b1;}
}
.clickspan2{cursor: pointer;
  &:hover{color: #3168b1;}
}
/* gantt */
.gantt_grid_scale, .gantt_task_scale, .gantt_task_vscroll{
  background: #EFF4F8 !important;
  font-weight: Bold !important;
  font-size: 14px !important;
}
.gantt_task .gantt_task_scale .gantt_scale_cell,
.gantt_grid_scale .gantt_grid_head_cell{
  color: #485561 !important;
}
.gantt_task_line{
  .gantt_task_progress{text-align: left;color: #fff;background: #67C23A !important;}
}
.gantt_task_line.project_timeline{background: #8CC5FF;border-color: #8CC5FF;}
.gantt_task_line.project_timeline_red{background: #F9A7A7;border-color: #F9A7A7;border:none}
.gantt_task_line.project_timeline_grey{background: #ae81ff;border-color: #ae81ff;border:none}
.gantt_task_cell.weekend{background: #EBEEF5;}
.gantt_tree_content{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.time-list-show /deep/ .ant-table-row-level-1 {
  background-color: #F5F7FA;
  .ant-table-tbody > tr > td{border-bottom: none;}
}
/* gantt */

@media (max-width: 1080px){
  .app-container.think-container, 
  div.approval .container,
  div.reservation .container,
  div.todolist .container{padding: 30px !important}
}
div.tooltipClass{max-width: 470px;}